<template>
  <h1>{{ msg }}</h1>
  <button @click="count++">count is: {{ count }}</button>
  <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
  <p>test_val:{{test_val}}</p>
  <p>test_val2:{{test_val.value}}</p>
</template>

<script>
import {ref,h} from 'vue'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  setup(props,{expose}){
    console.log("props.msg",props.msg);
    let test_val = ref(3);
    // expose({test_val})
    //
    return {
      test_val
    }

    // return () => h('div', test_val.value)
  },
  data() {
    return {
      count: 0
    }
  }
}
</script>
